<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>健豹折扣抽奖活动</title>
    <link rel="stylesheet" href="../css/index.css"/>
    <script src="../js/base.min.js"></script>
    <script src="../js/jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="choujiangtai"><!--flex="main:center"-->
    <img src="../image/bj.png" style="width: 7.08rem; height: 10.26rem"/>


    <div class="kuang">
        <div class="pang">
            <table class="box">
                <tr>
                    <td class="td td1">
                        <img src="../image/7zhe.png" style="width:.66rem; height: .38rem "/>
                    </td>
                    <td class="td td2">
                        <img src="../image/biaoqing.png" style="width:.71rem; height: .71rem "/>
                    </td>
                    <td class="td td3">
                        <img src="../image/5zhe.png" style="width:.66rem; height: .38rem "/>
                    </td>
                </tr>
                <tr>
                    <td class="td td8">
                        <img src="../image/biaoqing.png" style="width:.71rem; height: .71rem "/>
                    </td>
                    <td class="wu">
                        <img src="../image/guang0.png"/>
                    </td>
                    <td class="td td4">
                        <img src="../image/biaoqing.png" style="width:.71rem; height: .71rem "/>
                    </td>
                </tr>
                <tr>
                    <td class="td td7">
                        <img src="../image/2zhe.png" style="width:.68rem; height: .38rem "/>
                    </td>
                    <td class="td td6">
                        <img src="../image/biaoqing.png" style="width:.71rem; height: .71rem "/>
                    </td>
                    <td class="td td5">
                        <img src="../image/9zhe.png" style="width:.69rem; height: .38rem "/>
                    </td>
                </tr>
            </table>
        </div>


    </div>
    <div class="img"><!--flex="main:center"-->
        <img src="../image/anniu.png" id="btn" style="width: 5.22rem;height: 1.22rem"/>
        <p id="start">还剩0次</p>
    </div>

</div>

<div id="di" flex="main:justify">
    <div id="zhongjiang">
        <p>恭喜“138****9058”<span>抽到2折券</span></p>

        <p>恭喜“138****9058”<span>抽到2折券</span></p>

        <p>恭喜“138****9058”<span>抽到2折券</span></p>
    </div>
    <div id="you">
        <div class="jilu">
            <span>中奖记录</span>
        </div>
        <div class="guize">
            <span>活动规则</span>
        </div>
    </div>
</div>

<!-- -------------------------------------------------------------------------------------------------------    -->

<div id="erzhe" class="yc">
    <div>
        <div>
            <img src="../image/cha.png" class="cha" style="width: .23rem;height: .23rem"/>
        </div>
        <img src="../image/erzhe.png" style="width:5.34rem;height: 6.66rem "/>

        <div class="bottn">
            <img src="../image/anniu2.png" style="width: 4.47rem;height: .98rem"/>
        </div>
    </div>
</div>

<div id="qizhe" class="yc">
    <div>
        <div>
            <img src="../image/cha.png" class="cha" style="width: .23rem;height: .23rem"/>
        </div>
        <img src="../image/qizhe.png" style="width:5.34rem;height: 6.66rem "/>

        <div class="bottn">
            <img src="../image/anniu2.png" style="width: 4.47rem;height: .98rem"/>
        </div>
    </div>
</div>

<div id="wuzhe" class="yc">
    <div>
        <div>
            <img src="../image/cha.png" class="cha" style="width: .23rem;height: .23rem"/>
        </div>
        <img src="../image/wuzhe.png" style="width:5.34rem;height: 6.66rem "/>

        <div class="bottn">
            <img src="../image/anniu2.png" style="width: 4.47rem;height: .98rem"/>
        </div>
    </div>
</div>

<div id="jiuzhe" class="yc">
    <div>
        <div>
            <img src="../image/cha.png" class="cha" style="width: .23rem;height: .23rem"/>
        </div>
        <img src="../image/jiuzhe.png" style="width:5.34rem;height: 6.66rem "/>

        <div class="bottn">
            <img src="../image/anniu2.png" style="width: 4.47rem;height: .98rem"/>
        </div>
    </div>
</div>

<div id="guize" class="yc">
    <div>
        <div>
            <img src="../image/cha.png" class="cha" style="width: .23rem;height: .23rem"/>
        </div>
        <img src="../image/guizheshuoming.png" style="width:5.34rem;height: 6.66rem "/>
    </div>
</div>

<script src="../js/index.js"></script>
</body>
</html>